<template>
  <div class="contentName">
    <span class="first" :class="childName? 'backFirst cp' : ''" @click="backFirst">{{ title }}</span>
    <span class="second">{{childName}}</span>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      require: String,
      default: ''
    }
  },
  computed: {
    childName () {
      let childName = ''
      switch (this.$route.path) {
        case '/conference/agendaCf/edit':
          childName = '>编辑会议'
          break
      }
      return childName
    }
  },
  methods: {
    backFirst () {
      if (!this.childName) {
      } else {
        this.$router.push('/conference/agendaCf')
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.contentName {
  padding-left: 20px;
  padding-top: 24px;
  font-size: 14px;
  color: #0D172C;
  line-height: 20px;
  margin-bottom: 36px;
  .backFirst{
    color: #304EEC;
  }
}
</style>
